body {
  height:100%;
}

#layout {
  max-width:980px;
  margin:0 auto;
}

.container { position:relative; }

#layout .container { margin: 2em 1em 3em 1em; zoom: 1; }

.cleaner {
  clear:both;
  overflow:hidden;
  height:0;
}

.header, .content, .footer {
  width:100%;
  clear:both;
}

.lpanel {
  float: left;
  width: 300px;
  margin-right: 50px;
}

.main {
  padding: 0;
  overflow: hidden;
}

/* - Header*/
.header { margin-bottom: 50px; }

 .logo {
   font-size:2.25em;
   font-weight:bold;
   line-height:1em;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   position:absolute;
   top:0.3em;
   right:20px;
 }

 .extra-menu {
   margin-left:-1em;
   margin-right:9px;
   text-align:right;
 }

 .extra-menu li {
   display:inline;
   margin-left:1em;
 }

/* - Content */
.content { clear:left; }

#search img.processing {
  position:relative;
  top: -24px;
  left: 5px
}

.copy {
  width:300px;
  position:absolute;
  margin-left:-330px;
  margin-top:-140px;
  text-shadow: 0px 0px 1px #fff;
}
.copy p{
  margin-bottom: 7px;
}

#list .price {
  position:absolute;
  right:20px;
  top:20px;
  font-size:1.5em;
}

#list .rating {
  position:absolute;
  right:20px;
  top:45px;
  width: 80px;
}
@media all and (max-width: 920px) {
  .lpanel {
    margin-right: 20px;
    width: 270px;
  }
}
@media all and (max-width: 869px) {
  h1 {
    font-size: 28px;
    line-height: 1.25em;
  }
  img.logo {
    height: 38px;
  }
  .paging.with-tabs ul {
    display: none;
  }
}
@media all and (max-width: 699px) {
  .lpanel {
    float: none;
    width: auto;
    margin-right: auto;
  }
  #search {
    position: inherit;
    width: auto;
  }
  .main {
    float: none;
    width: auto;
  }
  .big-media {
    display: none;
  }
  #layout {
    width: auto;
  }
}
@media all and (max-width: 450px) {
  .not-supersmall-media {
    display: none;
  }
}

.star-rating {
  height: 15px;
  background-image:url(../image/star-gray.png);
}

.star-rating .selected {
  height: 15px;
  background-image:url(../image/star.png);
}

#list h2, #list .note { padding-right:15%; }

/* - Footer*/
.footer {
 display:inline-block;
}

/*Background*/
#bg {
  position:fixed;
  left:0;
  top:0;
  z-index:-1;
  width:100%;
  height:100%;
  background: #407a9e url(../image/vbg.png) 0 0 repeat-y;

  -position:absolute;
}

#bg.summer {
  background:none;
  background-color:#05336a;
}

.hbg {
  position:relative;
  width:100%;
  height:100%;
  background: url(../image/hbg.png) 0 bottom repeat-x;
}

.summer .hbg {
  background: url(../image/hbg-summer.png) 0 bottom repeat-x;
}

.picture {
  width:100%;
  height:100%;
  background:url(../image/village.jpg) 0 bottom no-repeat;
}

.summer .picture {
  background:url(../image/village-summer.jpg) 0 bottom no-repeat;
}

/*Paging*/
.paging { text-align:center;}

.paging a { position:relative; }

.paging p {
  font-size:1.25em;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  margin-top:0;
  width:100%;
}

.paging .back, .paging .next  {
  font-size:1.67em;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
}

.paging ul, .paging ul.num {
  display:inline-block;
}

.with-tabs ul { float:left;}

.paging ul, .paging ul.num  { margin:0; padding:0; }

.paging ul.num {
  padding: 17px 0;
}

.paging ul.num li {
  display:inline;
}

.paging ul .back, .paging ul .next {
  position:absolute;
  top:15px;
}

.paging ul .next { right:20px; }
.paging ul .back { left:20px; }

.paging ul li span {
  font-family:Arial, Helvetica, sans-serif;
  color:#666666;
  font-style:normal;
  font-size:0.60em;
}

.paging ul li span span { font-size:1.17em; }

.paging ul.num a, .paging ul.num b {
  padding:0 0.6em;
}

div.about ol {
  padding-left: 20px;
}